<template>
	<div id="app">
		<router-link to="/">hybrid</router-link>
		<router-link to="downImg">downImg</router-link>
		<router-link to="pubsub">pubsub</router-link>
		<router-link to="props">props</router-link>
		<router-link to="slider">slider</router-link>
		<router-link to="Observable">Observable</router-link>
		<router-link to="list-view">list-view</router-link>
		<router-link to="eventHub">eventHub</router-link>


		<div class="view">
			<!-- <img src="./assets/logo.png"> -->
			<router-view />
		</div>


	</div>
</template>

<script>
import { mapActions, mapState } from 'vuex';
export default {
	name: 'App',
	mounted() {
		// this.$store.dispatch('getAddress')
		// this.getUserInfo();
	},
	computed: {
		...mapState(['userInfo'])
	},
	methods: {
		...mapActions(['getUserInfo'])
	}
};
</script>

<style lang="less">
#app {
	font-family: 'Avenir', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50;
	margin-top: 10px;
	background: #ccc;
	.view{
		margin-top: 40px;
		background: #ddd;
	}
}
</style>
